<template>
  <div id="fourth">
    <div class="content">
      <el-row>
        <el-col :span="4">自动诊前随访：</el-col>
        <el-col :span="20">
          <el-col :span="24">
            <el-radio-group v-model="info1.radio">
              <el-radio :label="1">开启</el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="24" class="el_t_10" :class="{none:info1.radio===2}">登记咨询后第
            <el-input v-model="info1.text" :disabled="info1.radio===2" size="small"></el-input>天自动生成待随访（注：只有咨询记录未到院挂号检查）
          </el-col>
        </el-col>
      </el-row>
      <el-row class="el_t_20">
        <el-col :span="4">自动诊后随访：</el-col>
        <el-col :span="20">
          <el-col :span="24">
            <el-radio-group v-model="info2.radio">
              <el-radio :label="1">开启</el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="24" class="el_t_10" :class="{none:info2.radio===2}">完成初诊后第
            <el-input v-model="info2.text" :disabled="info2.radio===2" size="small"></el-input>天自动生成待随访（注：来院未开具相关检查）
          </el-col>
        </el-col>
      </el-row>
      <el-row class="el_t_20">
        <el-col :span="4">自动疗程随访：</el-col>
        <el-col :span="20">
          <el-col :span="24">
            <el-radio-group v-model="info3.radio">
              <el-radio :label="1">开启</el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
          </el-col>
          <el-col :span="24" class="el_t_10" :class="{none:info3.radio===2}">开单疗程期内提前
            <el-input v-model="info3.text" :disabled="info3.radio===2" size="small"></el-input>天自动生成待随访（注：疗程间隔小于48h则不生成）
          </el-col>
        </el-col>
      </el-row>
    </div>

    <el-row class="footer-fixed">
      <el-col :span="24" class="text-right">
        <el-button type="primary" plain>取 消</el-button>
        <el-button type="primary" @click="submitInfo('info')">保 存</el-button>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "fourth",
  data() {
    return {
      info1: {
        radio: 1,
        text: 3
      },
      info2: {
        radio: 2,
        text: 3
      },
      info3: {
        radio: 1,
        text: 1
      }
    };
  },
  methods: {}
};
</script>

<style scoped>
.content {
  height: calc(100vh - 144px);
  background: #ffffff;
  position: relative;
  padding: 20px;
  font-size: 14px;
}
.content .el-input {
  display: inline-block;
  width: 100px;
  margin: 0 10px;
}
.none {
  color: #999;
}
</style>
